<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
    <title>login</title>
    <meta name="title" content="海大 首页">

    <meta name="keywords" content="海大珍珠商城">
    <meta name="desciption" content="海大珍珠商城是一个专注于……商城">
    <meta name="author" content="loushengyue，于景洲，宛煜，陈泽鹏，庞乃东">
    <link rel="shortcut icon" href="./img/icon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/login.css">
</head>
<body>
<div class="header">
    <div class="back"  id="back"><img src="img/return.png" alt=""></div>
    <div><span>登录页</span></div>
    <div class="message"><img src="img/message.png" alt="">
        <p>消息</p></div>
</div>
<div class="content">
    <form action="" id="login">
        <input type="text" placeholder="会员名" name="username">
        <input type="password" placeholder="密 码" name="password">
        <div>
            <a href="register.html" class="Login">一键注册</a>
            <a href="#" class="forget">忘记密码</a>
        </div>
        <span class="submit" id="submit">登录</span>
    </form>
</div>
<div class="footer">
    <h3>一键登录</h3>
    <div class="footer-div">
        <div class="qq"><img src="img/QQ.png" alt=""><a href="#">QQ登录</a></div>
        <div class="wechat"><img src="img/WeChat.png" alt=""><a href="#">微信登录</a></div>
    </div>
</div>
<script src="lib/zepto-1.2.0.js"></script>
<script src="lib/resetRem.js"></script>
<script src="js/common.js"></script>
<script src="js/login.js"></script>
</body>
</html>